<template>
  <div id="MenuSort" class="MenuSort" @click = 'toSort' @touchend = 'toSort'>
    <p>{{sorttext}}</p>
  </div>
</template>
<script>
export default {
  name: 'MenuSort',
  props: {
    sorttext: String
  },
  methods: {
    toSort: function () {
      console.log(document.getElementById('MenuSort').getBoundingClientRect().top)
    }
  }
}
</script>
<style scoped lang="less">
.MenuSort p{
    margin: 5px 0 5px -5px;
    font-size:20px ;
    border-bottom: 5px solid orange;
    width: 100px;
    font-weight: bold;
}
</style>
